<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>基金管理系统后台</title>
		<link rel="stylesheet" href="../js/bower_components/bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="../js/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.css">
		<script src="../js/bower_components/jquery/dist/jquery.min.js"></script>
		<script src="../js/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="../js/bower_components/bootstrap-treeview/dist/bootstrap-treeview.min.js"></script>
		<script src="../js/bower_components/moment/min/moment.min.js"></script>
		<script src="../js/bower_components/moment/min/locales.min.js"></script>
<script type="application/javascript">
	$(function(){
		$.ajax({
			type:"get",
			url:"menuList.json",
			success:function(data){
				$("#tree").treeview({
					data:data,
					selectBackColor:"#sdf233",
					onNodeSelected:function(e,data){
						var parent=$("#tree").treeview("getNode",data.parentId);
						$("#breadcomd").html("<li><a>"+parent.text+"</a></li>")
						$("#contenFrm").attr("src",data.href);
					}
				})
			}
		})
	})
</script>
	</head>

	<body>
		<div class="container-fluid">
			<!--头部-->
			<div class="row">
				<div class="col-md-12">
					<h1>****公司资金管理系统</h1>
					<div style="float: right;margin-right: 150px;">
						<div class="form-inline form-group">
							<span class="glyphicon glyphicon-user"></span>
							<span>欢迎登录</span>
							<button class="btn btn-block" <span class="glyphicon glyphicon-off">安全退出</span></button>
						</div>
					</div>
				</div>
			</div>
			<!--主要内容-->
			<div class="row">
				<!--左边导航-->
				<div class="col-md-3">
					<div id="tree"></div>
				</div>
				<!--右边工作区域-->
				<div class="col-md-9">
					<!--导航所在的位置-->
					<div class="row">
						<div class="col-md-12">
							<ol class="breadcrumb" id="breadcomd">
								<li>
									<a href="help.html">首页</a>
								</li>
							</ol>
						</div>
					</div>
					<!--导航后的主界面-->
					<div class="row">
						<div class="col-md-12">
							<div class="embed-responsive embed-responsive-16by9">
								<iframe name="contenFrm" id="contenFrm" class="embed-responsive-item" src="help.html"></iframe>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>